@import '~taro-ui/dist/style/components/tabs.scss';
@import "~taro-ui/dist/style/components/tag.scss";
.content_3 {
  box-sizing: border-box;
  background-color: #fff;
  padding-top: 20rpx;
  .at-tabs__item--active {
    color: #ffb700;
    .at-tabs__item-underline {
      width: 50%;
      background-color: #ffb700;
      left: 50%;
      transform: translateX(-50%);
    }
  }
  image {
    width: 100%;
    height: 180px;
    max-width: 360px;
  }
  .wrapper {
    padding: 30rpx 30rpx 10px;
    background-color: #fff;
    text-align: left;
    margin-bottom: 20rpx;
    .orderNo{
      font-size: 28rpx;
      color: #666666;
      // border-bottom: 1rpx solid rgba($color: #000000, $alpha: .4) ;
      padding-bottom: 20px;
    }
    .content{
      padding: 20px 0 30px;
      display: flex;
      justify-content: space-between;
      .left {
       width: 180px;
       height: 180px;
        overflow: hidden;
        border-radius: 100%;
      }
      .right {
        width: 66%;
        .title{
          display: flex;
          justify-content: space-between;
          View:nth-of-type(2){
            font-size: 28rpx;
            color: #666666;
          }
        }
        .courses {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 28rpx;
          margin: 20px 0;
        }
        .tabs{
        
          
        }
        
        .price {
          color: #ffb71b;
          text-align: right;
          margin-top: 20px;
        }
        .appointmentName{
          margin-top: 20rpx;
        }
        .appointmentPhone{
          margin-top: 20rpx;
        }
    }
      
    }
    // .footer{
    //    width: 100%;
    //    background-color: #fff;
    //    height: 100rpx;
    //    padding: 10rpx 0;
    //   //  border-top: 1rpx solid rgba($color: #000000, $alpha: .4) ;
    //    box-sizing: border-box;
    //    view{
    //      width: 50%;
    //      height: 80rpx;
    //      margin: 0 auto;
    //      line-height: 80rpx;
    //      text-align: center;
    //      color: #fff;
    //      background-color: #ffb700;
    //      border-radius: 20rpx;
    //    }
    // }
  }
}
